{% extends 'proyectos/base.html' %}

{% block panelizq %}
    <h3>Contenido</h3>
    <ul class="menuv-dropdown dropdown-vertical" id="nav">
        <li class="item-102"><a href="/proyectos/">Mis Proyectos</a></li>
        <li class="item-119"><a href="/proyectos/editar/{{ proyecto.id }}">Editar Proyecto</a></li>
        <li class="item-119 current active"><a href="/proyectos/editarLinks/{{ proyecto.id }}">Links del Proyecto</a></li>
        <li class="item-119"><a href="/proyectos/editarDocumentos/{{ proyecto.id }}">Documentos Proyecto</a></li>
    </ul>
{% endblock panelizq %}

{% block content %}
<div id="contact_wrap">
	<div id="contact" class="round clearfix">
		<div id="contact-form">
			<h2 style="text-align: center;">Agregar Link</h2>
			<form action="/proyectos/agregarLink/{{ proyecto.id }}" method="POST">
				{% csrf_token %}
				{{ formNuevoLink.as_p }}
				<input type="submit" value="Agregar Link" style="margin-left: 100px;"/>
			</form>

			<br/>
			<br/>
			<h2 style="text-align: center;">Links del Proyecto</h2>
			<form action="/proyectos/borrarLink/{{ proyecto.id }}" method="POST">
				{% csrf_token %}
				{{ formLinks.as_p }}
				<input type="submit" value="Remover Links" style="margin-left: 95px;"/>
			</form>
		</div>
	</div>
</div>

<script type="text/javascript">
    $("#id_links").sexyselect({showTitle:false,allowInput:false,allowFilter:true,allowDelete:false,selectionMode:'multiple',width:320});
</script>
{% endblock content %}
